Hệ thống quản lý phương tiện trong PHP
1 <?php
2 $connection=mysqli_connect("localhost","root","","vehiclemanagement");
3
4 session_start();
5 ?>
6
7
8 <!DOCTYPE html>
9 <html lang="en">
10
11 <head>
12 <meta charset="UTF-8">
13 <title>vehicle management system</title>
14
15 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
16 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
17 <script src="https://code.jquery.com/jquery-2.2.0.min.js" type="text/javascript"></script>
18 <script src="https://unpkg.com/scrollreveal/dist/scrollreveal.min.js"></script>
19 <link rel="stylesheet" type="text/css" href="./slick/slick.css">
20 <link rel="stylesheet" type="text/css" href="./slick/slick-theme.css">
21
22 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
23 <link rel="stylesheet" href="animate.css">
24 <link rel="stylesheet" href="style.css">
25
26
27
28 </head>
29 <style>
30
31 .parallax {
32 /* The image used */
33 background-image: url("bus-people-public-transportation-34171.jpg");
34 height: 100%;
35
36 /* Set a specific height */
37 min-height: 700px;
38
39 /* Create the parallax scrolling effect */
40 background-attachment: fixed;
41 background-position: center;
42 background-repeat: no-repeat;
43 background-size: cover;
44
45 }
46
47 .parallax1 {
48 /* The image used */
49 background-image: url("pexels-photo-280310 .jpeg");
50 height: 100%;
51
52 /* Set a specific height */
53 min-height: 600px;
54
55 /* Create the parallax scrolling effect */
56 background-attachment: fixed;
57 background-position: center;
58 background-repeat: no-repeat;
59 background-size: cover;
60
61 }
62
63 .navbar-fixed-top.scrolled {
64 background-color: ghostwhite;
65 transition: background-color 200ms linear;
66 }
67
68 </style>
69 <body data-spy="scroll" data-target=".navbar" data-offset="50" onload="myFunction()">
70
71
72
73
74
75
76
77
78 <!--
79 <div>
80 <div class="jumbotron">
81 <h2 class="animated bounce">Ruet Vehicle Management</h2>
82 <p>A management system where you can easily manage vehicles.</p>
83 </div>
84
85
86
87 </div>
88 -->
89 <div class="parallax foo">
90 <?php include 'navbar.php';?>
91
92 <div class="hero-text" style="font-size:50px text-align: center; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: white;">
93
94 <h1 class="animated rubberBand" >Ruet Vehicle Management System</h1>
95 <p>A management system where you can easily manage vehicles</p>
96
97 <?php if(isset($_SESSION['username'])==true) { ?>
98 <a class="btn btn-success" style="text-align: center" href="booking.php">Book a Vehicle</a>
99
100 <?php } else{ ?>
101 <a class="btn btn-success" style="text-align: center" href="login.php">Login To Book A Vehicle</a>
102 <?php } ?>
103
104 </div>
105 </div>
106
107 <div>
108 <br><br>
109 <div id="bus_route" class="container">
110 <div class="page-header">
111 <h1 style="text-align: center">Bus Route</h1>
112 </div>
113 <div class="row">
114 <div class="col-md-6 foo">
115 <p><b>The ruet bus goes around the rajshahi city in different interval. this is the route of the ruet bus.</b></p>
116 <img src="pexels-photo-136739.jpeg" class="img-responsive" >
117 </div>
118 <div class="col-md-6">
119 <br>
120 <iframe src="https://www.google.com/maps/embed?pb=!1m28!1m12!1m3!1d932412.1267521078!2d88.9639724042315!3d24.093234513307983!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m13!3e0!4m5!1s0x39fbefd0a55ea957%3A0x2f9cac3357d62617!2sRajshahi+University+of+Engineering+%26+Technology%2C+6204%2C%2C+Rajshahi+-+Dhaka+Hwy%2C+Rajshahi!3m2!1d24.363568299999997!2d88.6283773!4m5!1s0x3755b8b087026b81%3A0x8fa563bbdd5904c2!2sDhaka!3m2!1d23.810332!2d90.4125181!5e0!3m2!1sen!2sbd!4v1522267261303" width="500" height="350" frameborder="0" style="border:0" allowfullscreen></iframe>
121 <p>The Bus Route</p>
122 </div>
123 </div>
124 </div>
125
126 <br>
127 <div class="page-header">
128 <h1 style="text-align: center">Driver</h1>
129 </div>
130 <div class="parallax1"></div>
131 <div id="driver" class="container">
132
133 <div class="row">
134 <div class="col-md-12">
135 <p style="font-size: 20px;">The driver of ruet are very punctual and they provides great service. Every one of them is professional and great at their jobs</p>
136
137 </div>
138 </div>
139
140 </div>
141
142
143 <div id="bus" class="container">
144 <div class="page-header">
145 <h1 style="text-align: center">Bus </h1>
146 </div>
147 <div class="row">
148 <div class="col-md-6">
149
150 <img src="pexels-photo-385998.jpeg" class="img-responsive" >
151 </div>
152 <div class="col-md-6 foo1">
153 <p style="font-size:20px;"><b>In Ruet we have around ten buses and each one of it is well maintained. These buses goes in different direction of the city and can also be hired.</b></p>
154 </div>
155
156 </div>
157 </div>
158
159
160
161 <p></p>
162
163 </div>
164
165 <footer style="background-color: #2f2f2f;
166 color: #fff; padding-top: 70px;
167 padding-bottom: 70px;" class="container-fluid text-center">
168 <p>All rights reserved by IAF</p>
169 </footer>
170
171
172
173
174
175
176
177 <script>
178 $(function () {
179 $(document).scroll(function () {
180 var $nav = $(".navbar-fixed-top");
181 $a= $(".parallax");
182 $nav.toggleClass('scrolled', $(this).scrollTop() > $a.height());
183 });
184 });
185
186 </script>
187
188
189 <script src="https://unpkg.com/scrollreveal/dist/scrollreveal.min.js"></script>
190
191
192 <script>
193 window.sr = ScrollReveal();
194 sr.reveal('.foo', { duration: 800 });
195 sr.reveal('.foo1', { duration: 800,origin: 'top'});
196 </script>
197
198 </body>
199 </html>
